<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>v-for迭代对象</title>
  <script type="text/javascript" src="vue.js"></script>
</head>
<body>
  <div id="app">
    <div v-for="(value, prop) in user">
      <p>{{prop}} : {{value}}</p>
    </div>
  </div>

  <script>
    var vm = new Vue({
      el: '#app',
      data:{
        user: {
          name: 'tom',
          age: 26,
          gender: '女'
        }
      }
    })
  </script>
</body>
</html>
